<script src="public/js/topper.js"></script>
<div class="navbar navbar-default" id="navbar">
	<script type="text/javascript">try {
	ace.settings.check('navbar', 'fixed')
} catch(e) {}</script>

	<div id="navbar-container">
		<div class="navbar-header pull-left">
			<a href="Home" class="navbar-brand">
				<small> <i class="fa fa-credit-card-alt"></i> </small>
			</a><!-- /.brand -->
		</div><!-- /.navbar-header -->

		<div class="navbar-header pull-right" role="navigation">
			<ul class="nav ace-nav">
				<li class="grey">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="icon-tasks"></i>
						<span class="badge badge-grey">4</span>
					</a>

					<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
						<li class="dropdown-header">
							<i class="icon-ok"></i>
							4 Tasks to complete
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">Software Update</span>
									<span class="pull-right">65%</span>
								</div>

								<div class="progress progress-mini ">
									<div style="width:65%" class="progress-bar "></div>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">Hardware Upgrade</span>
									<span class="pull-right">35%</span>
								</div>

								<div class="progress progress-mini ">
									<div style="width:35%" class="progress-bar progress-bar-danger"></div>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">Unit Testing</span>
									<span class="pull-right">15%</span>
								</div>

								<div class="progress progress-mini ">
									<div style="width:15%" class="progress-bar progress-bar-warning"></div>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">Bug Fixes</span>
									<span class="pull-right">90%</span>
								</div>

								<div class="progress progress-mini progress-striped active">
									<div style="width:90%" class="progress-bar progress-bar-success"></div>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								See tasks with details
								<i class="icon-arrow-right"></i>
							</a>
						</li>
					</ul>
				</li>
				<li class="green">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="icon-bell-alt"></i>
						<span class="badge badge-important"></span>
					</a>
				</li>
				<li class="purple">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="icon-tasks"></i>
						<span class="badge badge-important"></span>
					</a>

					<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
						<li class="dropdown-header">
							<i class="icon-ok"></i>
							<span>0</span>条未处理任务
						</li>

						<li style="display: none;">
							<a href="check">
								<div class="clearfix">
									<span class="pull-left"> <i class="btn btn-xs btn-primary icon-user"></i> 未审核通讯录 </span>
									<span class="pull-right badge badge-info">+0</span>
								</div>
							</a>
						</li>
<!--
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left"> <i class="btn btn-xs btn-primary icon-tablet"></i> 通讯录审核不通过 </span>
									<span class="pull-right badge badge-info">+8</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<i class="btn btn-xs btn-primary icon-user"></i>
								Bob just signed up as an editor ...
							</a>
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left"> <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i> New Orders </span>
									<span class="pull-right badge badge-success">+8</span>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left"> <i class="btn btn-xs no-hover btn-info icon-twitter"></i> Followers </span>
									<span class="pull-right badge badge-info">+11</span>
								</div>
							</a>
						</li>

						<li>
							<a href="#">
								See all notifications
								<i class="icon-arrow-right"></i>
							</a>
						</li>-->
					</ul>
				</li>
				<!--<li class="green">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="icon-envelope icon-animated-vertical"></i>
						<span class="badge badge-success">5</span>
					</a>

					<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
						<li class="dropdown-header">
							<i class="icon-envelope-alt"></i>
							5 Messages
						</li>

						<li>
							<a href="#">
								<img src="public/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
								<span class="msg-body"> <span class="msg-title"> <span class="blue">Alex:</span> Ciao sociis natoque penatibus et auctor ... </span> <span class="msg-time"> <i class="icon-time"></i> <span>a moment ago</span> </span> </span>
							</a>
						</li>

						<li>
							<a href="#">
								<img src="public/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
								<span class="msg-body"> <span class="msg-title"> <span class="blue">Susan:</span> Vestibulum id ligula porta felis euismod ... </span> <span class="msg-time"> <i class="icon-time"></i> <span>20 minutes ago</span> </span> </span>
							</a>
						</li>

						<li>
							<a href="#">
								<img src="public/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
								<span class="msg-body"> <span class="msg-title"> <span class="blue">Bob:</span> Nullam quis risus eget urna mollis ornare ... </span> <span class="msg-time"> <i class="icon-time"></i> <span>3:15 pm</span> </span> </span>
							</a>
						</li>

						<li>
							<a href="inbox.html">
								See all messages
								<i class="icon-arrow-right"></i>
							</a>
						</li>
					</ul>
				</li>-->
				<li class="light-blue">
					<a data-toggle="dropdown" href="#" class="dropdown-toggle">
						<img class="nav-user-photo" src="public/assets/avatars/user.jpg" alt="Jason's Photo" />
						<span class="user-info"> <small>欢迎回来,</small>  </span>

						<i class="icon-caret-down"></i>
					</a>

					<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
						<!--<li>
							<a data-href="txl/editself" data-toggle="modal" data-target="#myModal">
								<i class="icon-cog"></i>
								快捷设置
							</a>
						</li>-->
						<!--<li>
							<a data-href="user/editself" data-toggle="modal" data-target="#myModal">
								<i class="icon-user"></i>
								个人信息
							</a>
						</li>-->
						<li>
							<a onclick="showDialogModal('<?php echo base_url(); ?>Login/password');">
								<i class="icon-lock"></i>
								密码修改
							</a>
						</li>
						<li class="divider">
						</li>

						<li>
							<a href="Login/logOut">
								<i class="icon-off"></i>
								注销
							</a>
						</li>
					</ul>
				</li>
			</ul><!-- /.ace-nav -->
		</div><!-- /.navbar-header -->
	</div><!-- /.container -->
</div>
